@charset "utf-8";
/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../LOGIN/immagini/02604_platform_1920x1080.jpg);
	background-color:#000;	
	background-size:cover;
	background-attachment:fixed;	
}

li{
	list-style:none;	
}

#title{
	text-align:center;
	font-size:24px;
	padding: 20px;
	background-color:rgba(204,204,204,0.8);	
	color:#333;
	width:510px;
	margin:20px auto;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	border: 2px outset #CCC;	
}

table { 
	margin: 10px 3px 3px 3px;  
	padding:0px;
	margin-bottom:20px;
	width:500px;
	margin-left:50px;
}

td, tr{
	border: solid;
	padding:5px;
}

img{
	width:10px;
}

#yellow,
#red,
#pink,
#orange,
#violet,
#blue,
#light-blue,
#light-green,
#green,
#black{

	margin:0;
	display:inline-block;
	width:22px;
	height:20px;
	opacity:0.6;
	border-radius:5px;
	margin-right:5px;
}

#yellow{	
	background-color:#FF0;	
	margin-left:3px;
	
}

#yellow:hover{
	opacity:1;
	cursor:pointer;
}
#orange{	
	background-color:#F60;	
	
}

#orange:hover{
	opacity:1;
	cursor:pointer;
}
#pink{	
	background-color:#F9C;	
}

#pink:hover{
	opacity:1;
	cursor:pointer;
}
#violet{	
	background-color:#93F;	
}

#violet:hover{
	opacity:1;
	cursor:pointer;
}
#blue{	
	background-color:#03C;	
}

#blue:hover{
	opacity:1;
	cursor:pointer;
}
#light-blue{	
	background-color:#00CCFF;	
}

#light-blue:hover{
	opacity:1;
	cursor:pointer;
}
#light-green{	
	background-color:#3F0;	
}

#light-green:hover{
	opacity:1;
	cursor:pointer;
}
#green{	
	background-color:#090;	
}

#green:hover{
	opacity:1;
	cursor:pointer;
}
#black{	
	background-color:#000;	
}

#black:hover{
	opacity:1;
	cursor:pointer;
}
#red{	
	background-color:#F00;	
}

#red:hover{
	opacity:1;
	cursor:pointer;
}

.nome{
	width:220px;
	margin-left:30px;
	font-weight:bold;
}

h3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:17px;	
	margin-left:40px;	
}

#h3Color {
	margin-right:20px;
	display:inline;	
}

#area{
	width:450px;
	height:200px;
	margin:0 auto;
	margin-left: 40px;	
}

.col1{
	font-weight: bold;
}

.col2{
	width:200px;
	margin-right:30px;
}

td{ 
    color: #333;
    float: left; 
    font-family: Arial, Helvetica, sans-serif; 
	font-size:17px;
    margin: 10px 0; 
	border:none;
	line-height: 30px; 
   
}
.testo{
    background-color: #FFF; 
    border: 2px inset #CCC;
	font-family:Arial, Helvetica, sans-serif; 
    color: #000;
    height: 30px; 
    line-height: 30px; 
    width: 215px; 
    padding: 0 10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
}
 
input .sfoglia {
    border: 2px inset #CCC;
	font-family:Arial, Helvetica, sans-serif; 
    color: #000;
    height: 30px; 
  	overflow:hidden;
    width: 50px;
    padding: 0 10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px; 
 }
 
textarea { 
    font-size: 12px;
	padding-left: 10px;
    height: 200px;
    width: 500px;
    overflow: auto;
	background-color: #FFF; 
    border: 2px inset #CCC;
	font-family:Arial, Helvetica, sans-serif; 
    color: #000;
    height: 30px; 
    line-height: 30px; 
    width: 150px; 
    padding: 0 10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	
}



#bottone{
	outline:none;	
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000;
	margin-top:15px;
	margin-left:435px;
	
	border: outset 2px #F60;
	padding:10px;
	width:100px;
	background-color: #F90;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#bottone_sup{
	outline:none;	
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000;
	margin-left:430px;
	border: outset 2px #F60;
	padding:10px;
	width:100px;
	background-color: #F90;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}



#bottone:hover {
	border:2px inset #F60;
}

#bottone:active{
	border:2px inset #F60;
}


#footer{
	text-align:center;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
}

#scegli-list li{
	display:inline;
	text-align:center;
	padding:40px;
	font-size:16px;
	list-style:none;		
}

#container{
	background-color:rgba(204,204,204,0.8);	
	color:#333;
	width:550px;
	margin:20px auto;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	border: 2px outset #CCC;
}

#style-contents{
	width:400px;	
}

#h3color{
	margin-top:20px;
	margin-bottom:20px;
}

#titleimg{
	color:#009;
	font-size:12px;	
	padding-left:60px;
	padding-top:20px;
	margin-top:-40px;
}


#color-list li{
	display: inline;
	list-style:none;
}

#show_message{
	display:none;
	color:#C00;
	font-size:12px;	
	padding-left:40px;
	padding-top:20px;
}

.par1 {
	padding-left:10px;
	border-left:2px solid #F90;
	line-height:25px;
	text-align:justify;
	margin-right:20px;
	margin-left:30px;
	margin-top:-15px;
	font-size:12px;
}

.par2{
	padding-left:10px;
	border-left:2px solid #F00;
	line-height:25px;
	text-align:justify;
	margin-right:20px;
	margin-left:30px;
	margin-top:-15px;
	font-size:12px;
}
